﻿@model CSharpChores415.Models.KidsIndexVm
@{
    ViewBag.Title = "Home Page";
}

<div class="jumbotron">
    <h1>ASP.NET</h1>
    @Html.ActionLink("Kid Page", "Index", "KidsTemp")
    @Html.ActionLink("Chore Page", "Index", "ChoresTemp")
    @Html.ActionLink("Assign Chores Page", "Index", "KidChoresTemp")
</div>


<div class="row">
    <div class="col-md-4">
        <h2>KIDS</h2>
        @foreach (var kid in Model.KidList)
        {
            @Html.ActionLink(kid.KidName, "ChoreForKid", "Home", new { idk = kid.KidId }, new { @class = "link" })
             <br />
        }
        
    </div>
    <div class="col-md-4">
        <h2>CHORES!</h2>
        @foreach (var chore in Model.ChoreList)
        {
            @Html.ActionLink(chore.ChoreName, "KidForChore", "Home", new { cid = chore.ChoreId }, new {@class ="link" })
            <br />
        }
    </div>
    <div class="col-md-4">
        <h2>ALL CHORES WITH KIDS!!</h2>
        @foreach (var chore in Model.AllChoresWithKids)
        {
            @chore.ChoreName <br />
            
            foreach (var k in chore.KidList)
            {
                @k.KidName <br />
            }
            <br /><br />
        }
    </div>
</div>
